<%@ page language="java" contentType="text/html; charset=GBK"
    pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; GBK">
<title>Insert title here</title>
<style type="text/css">
	td.blackcard	{border: thick outset green; background-color: black; color: white;}
	td.whitecard	{border: thick outset green; background-color: white; color: black;}
	table	{font-size: 48px;}
	
</style>
</head>
<body>
<script  language="javascript"  src='../js/data.js'></script>
<script  language="javascript" >
	function changeBorderColor(obj, color){
		obj.style.borderColor = color;
		//alert("hi");
	}
</script>
<INPUT id="Text1" onclick='popUpCalendar(this, this, " mm/dd/yyyy")' readonly="readonly" type="text"  size="11" name="Text1">

<table >
<tr>
	<td class="blackcard" onmouseover="changeBorderColor(this, 'red')" onmouseout="changeBorderColor(this, 'green')">
		<img alt="1" src="">
	</td>
	<td class="whitecard" onmouseover="changeBorderColor(this, 'red')" onmouseout="changeBorderColor(this, 'green')">
		<img alt="4" src="">
	</td>
	<td class="whitecard" onmouseover="changeBorderColor(this, 'red')" onmouseout="changeBorderColor(this, 'green')">
		<img alt="9" src="">
	</td>
</tr>
</table>

</body>
</html>